<script setup>
const activeIndex = "1";
</script>

<template>
    <el-container>
        <el-footer>
      <el-row>
        <el-col
          :xs="24"
          :lg="8"
          style="display: flex; flex-direction: row; align-items: center"
        >
          <div>
            <img src="/images/logo.png" style="height: 100px" />
          </div>
          <div>
            <h2 style="padding-left: 4px">技术社区</h2>
            <p style="padding-left: 4px">
              致力构建一个专业的IT技术交流社区
            </p>
          </div>
        </el-col>
        <el-col
          :xs="24"
          :lg="10"
          style="
            display: flex;
            flex-direction: column;
            text-align: center;
            padding-top: 3%;
          "
        >
          <div
            style="
              display: flex;
              flex-direction: row;
              gap: 70px;
              padding-left: 15px;
            "
          >
            <el-link type="primary">
              <router-link to="/">首页</router-link>
            </el-link>
            <el-link type="primary">
              <router-link to="/ask">咨询</router-link>
            </el-link>
            <el-link type="primary">
              <router-link to="/course">课程</router-link>
            </el-link>
            <el-link type="primary">
              <router-link to="/mall">商城</router-link>
            </el-link>
          </div>
          <div style="display: flex; flex-direction: row; gap: 43px">
            <el-link type="primary">
              <router-link to="/user">关于我们</router-link>
            </el-link>
            <el-link type="primary">
              <router-link to="/usermanual">使用手册</router-link>
            </el-link>
            <el-link type="primary">
              <router-link to="/privacypolicy">隐私条款</router-link>
            </el-link>
            <el-link type="primary">
              <router-link to="/suggestions">建议反馈</router-link>
            </el-link>
          </div>
        </el-col>
        <el-col :xs="24" :lg="6">
          <div>
            <h2>联系我们</h2>
            <p>电话：123456789</p>
            <p>邮箱：software@develop.com</p>
          </div>
        </el-col>
        <el-col :xs="24" :lg="24" style="background-color: deepskyblue">
          <p style="text-align: center">软件开发工作室版权所有</p>
        </el-col>
      </el-row>
    </el-footer>
    </el-container>
</template>

<style scoped>

</style>